<template>
  <view class="article main-box">

<!--    <view class="article-title">
      文章白噢他似懂非懂
    </view>
    <view class="article-time">2012-09-21</view>-->
    <view class="article-content">
      {{ renderData.detail.content }}
    </view>
  </view>
</template>
<script setup>
import {reactive} from "vue";
import mineApi from "@/apis/mine";
//页面列表配置
const renderData = reactive({
  detail:{}
})

const handleGetPrivateAgreement = ()=>{
  mineApi.getPrivateAgreement().then(res=>{
    if(res.code == 'SUCCESS' && res.data){
      renderData.detail = res.data
    }
  })
}
handleGetPrivateAgreement();
</script>

<style lang="scss" scoped>

.article {
  &-title{
    text-align: left;
    @include main-text2;
  }
  &-time{
    text-align: right;
    @include main-line1;
    @include main-text4;
    color:$main-text-b;
  }
  &-content{
    color:$main-text-b;
    @include main-text4;
    line-height: 1.8;
  }
}

</style>
